<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>CSS属性值</title>
		<!--
        	#name 能实现多个属性的修饰
        -->
        <!--
        	如果是在style里用span等直接的标签，会使body下所有的span标签都按照一个样式
        	span[id^=a] 表示对id是a打头标签内容的修饰
        	span[id*=a] 表示span标签内的id中有a字符的标签内容修饰
        -->
		<style type="text/css">
			#name1,#name2,#name3{
				color: #FF7F50;
			}
			.c1,.c2,.c3{
				color: chocolate;
			}
			span[id^=a]{
				color: chartreuse;
			}
			span[id$=d]{
				color:cyan;
			}
			span[id*=e]{
				color:red;
			}
		</style>
	</head>
	<body>
		<span id="name1" class="c1">id为name1的span标签值</span><br />
		<span id="name2" class="c2">id为name2的span标签值</span><br />
		<span id="name3" class="c3">id为name3的span标签值</span><br />
		<span id="name4" class="c4">id为name4的span标签值</span><br />
		<span id="name5" class="c1">id为name5的span标签值</span><br />
		<span id="name6" class="c2">id为name6的span标签值</span><br />
		<span id="name7" class="c3">id为name7的span标签值</span><br />
		<span id="name8" class="c4">id为name8的span标签值</span><br />
		<span id="abc">id为abc的span标签值</span><br />
		<span id="ab">id为abc的span标签值</span><br />
		<span id="bc">id为abc的span标签值</span><br />
		<span id="abo">id为abd的span标签值</span><br />
		<span id="ad">id为ad的span标签值</span><br />
		<span id="bd">id为bd的span标签值</span><br />
		<span id="e">id为e的span标签值</span><br />
		<span id="er">id为er的span标签值</span><br />
		<span id="ert">id为ert的span标签值</span><br />
		<span id="erty">id为erty的span标签值</span><br />
		<span id="ertyu">id为ertyu的span标签值</span><br />
		<span id="ertyui">id为ertyui的span标签值</span><br />
	</body>
</html>
